<div class="login-component">
    <div class="operation-div">
        <form role="form">
            <div class="user-name-div form-group">
                <label class="user-name-label" for="name">${resource.valueMap.usernameLabel}</label>
                <input class="user-name-input" type="text" class="form-control" id="username" placeholder="${resource.valueMap.usernameLabel}">
            </div>
            <div class="password-div form-group">
                <label class="password-label" for="name">${resource.valueMap.passwordLabel}</label>
                <input class="password-input" type="password" class="form-control" id="password" placeholder="${resource.valueMap.passwordLabel}">
            </div>
        </form>
        <button type="submit" class="login-button btn btn-default" login-url="${resource.valueMap.loginURL}">${resource.valueMap.loginButton}</button>
    </div>
</div>

<link type="text/css" rel="stylesheet"
      href="/static/clientlibs/tattoo/authorize/component/login-component/css/login-component.css"/>
<script type="text/javascript" src="/static/clientlibs/tattoo/authorize/component/login-component/js/login-component.js"></script>